<template>
  <div class="id">3001
    <el-dropdown>
      <span class="el-dropdown-link">
       
        <el-icon class="el-icon--right">
          <arrow-down />
        </el-icon>
      </span>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item @click="quit">退出登录</el-dropdown-item>
          
        </el-dropdown-menu>
      </template>
    </el-dropdown>

  </div>
</template>

<script setup>
 import router from '../router';
import { ArrowDown } from '@element-plus/icons-vue'
const quit=()=>{
    router.push({
              path: '/',
             
            })
}
</script>
<style scoped>
.id{
    margin-left:70px;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
}
</style>